<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/xinxi.css"/>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
		<script src="../js/zhanghu.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class='header'>
			<div class='tou'>
				<ul>
					<li>
						<a href="../index.html"><img src="../img/img/5.png.png"/></a>
						<div class="btn1">账户信息<img src="../img/img/6.png.png"/></div>
					</li>
					<li>
						<div>
							<p>闪注账户</p>
							<p>剩余量：<span>9500</span>条</p>
						</div>
						<div>
							<p>短信账户</p>
							<p>剩余量：<span>865</span>条</p>
						</div>
					</li>
					
				</ul>
			</div>
		</div>
		<div class='content'>
			<div class="shang">
				<div class="div1">
						<div>
							<div><img src="../img/img/4.png.png"/></div>
							<div>我的充值</div>
						</div>
					<div class="cz"><a href="chongzhi.html">查看明细></a></div>
				</div>
				<div class="div2">
					<div>
						<p>闪注充值量</p>
						<p><span>20000</span>条</p>
					</div>
					<div class="line"></div>
					<div>
						<p>短信充值量</p>
						<p><span>5000</span>条</p>
					</div>
				</div>
			</div>
			<div class="xia">
				<div class="div1">
						<div>
							<div><img src="../img/img/3.png.png"></div>
							<div>我的消费</div>
						</div>
					<div class="cz"><a href="consumption record.html">查看明细></a></div>
				</div>
				<div class="div2">
					<div>
						<p>闪注充值量</p>
						<p><span>16825</span>条</p>
					</div>
					<div class="line"></div>
					<div>
						<p>短信充值量</p>
						<p><span>1548</span>条</p>
					</div>
				</div>
			</div>
			
		</div>
		
		<!--弹出框-->
			<div class="content2">
				<div class="kuang">
					<div><button>全部账户</button></div>
					<div>
						<div></div>
						 <div>应用</div>
						<div></div>
					</div>
					<div>
						<button>天天消消乐</button>
						<button>大话西游</button>
						<button>王者荣耀</button>
					</div>
				</div>
				<div class="hei">
					
				</div>
			</div>
			
			
			
			
		
	</body>
	<script type="text/javascript">
		
				$(".btn1").click(function(){
				
				$(".content2").stop().slideToggle(function(){
					$(".content2").is(":hidden");
					$(".content2").is(":visible");
//					if($(".content2").is(":hidden")){
//						$(".content2").css("display","block");
//				}else if($(".content2").is(":visible")){
//					$(".content2").css("display","none");
//				}
              })
	})
	</script>
</html>
